<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>STW OnLine</title>
	<link href="{{ MEDIA_URL }}css/layout.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/style.css" />
    
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/BarraNews.js"></script>
    <script src="{{ MEDIA_URL }}js/Sytx.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/BarraNews.css" type="text/css" media="screen" />

    <script type="text/javascript">
    $(function(){
        $("ul#ticker01").liScroll();
        $("ul#ticker02").liScroll({travelocity: 0.15});
    //Syntax
    $.syntax({root: 'js/'});

    });
</script>
</head>
<body>
	<div id="principal">
		<!-- Inicio Topo -->
		<div id="top">
			<div id="logo"> <a href="{% url fiduciam.views.homepage %}"><img src="{{ MEDIA_URL }}img/logo.png" alt="Logomarca STW"/></a>
			</div>
			<div id="imenu">
				<div id="items">
					<!-- Inicio menu -->
					<div id="menuLinks">
						<p class="menu"> <a href="{% url fiduciam.views.homepage %}">Home</a>   |  <a href="{% url fiduciam.views.noticias %}">Notícias</a>   |  <a href="{% url fiduciam.views.servicos %}">Serviços</a>   |  <a href="{% url fiduciam.views.portifolio %}">Portifólio</a>   |  <a href="{% url fiduciam.views.quemsomos %}">Quem Somos</a>   |  <a href="{% url fiduciam.views.contato %}">Contato</a></p>
					</div>
					<div id="effects">
					</div>
					<!-- Fim Menu -->
					
				</div>
			</div>
			<div id="fimTop">
				<img src="{{ MEDIA_URL }}img/fim-menu_s1.png" />
			</div>
		</div><!-- Topo -->
		<!-- Fim topo  -->
            <div id="NoticiaContainer">
                    <div id="imgNoticia"> <a href="{% url fiduciam.views.noticias %}"><img src="{{ MEDIA_URL }}img/ultimas.png" alt="none" /></a>
                    </div>

            <div id="Noticia">

                <div class="gnb">
                               <ul id="ticker01">
                                    {% for noticias in noticias %}
                                            <li><span>{{ noticias.data }}</span><a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">{{ noticias.titulo }}</a></li>
                                    {% endfor %}
                                </ul>
                </div>
				</div>
			</div>
		<!-- Inicio Capa -->
		<div id="capa">
			{% for quemsomos in quemsomos %}
			{% if quemsomos.publicar %}
			<img width="940" height="400" src="/media/{{ quemsomos.imagem }}" />
			{% endif %}
			{% endfor %}
		</div> <!-- capa -->
		<!-- Noticia -->
			<div id="container">
				<div id="conteudo">
					<div id="esquerdoInternoQuem">
						<h1 class="NoticiasQ3"> Quem Somos </h1>
						{% for quemsomos in quemsomos %}
						{% if quemsomos.publicar %}
						<p class="DescricaoQuemSomos">
							{{ quemsomos.descricao|safe }}
							<p>
								{% endif %}
								{% endfor %}
								<div id="EquipeExpand">
									<div id="ei_menu" class="ei_menu">
										<ul>
											{% for colaboradores in colaboradores %}
											{% if colaboradores.publicar %}
											<li>
												<a href="#" class="pos1">
													<span class="ei_preview"><img style="background: transparent no-repeat top left" src="/media/{{ colaboradores.imagem }}"></span>
													<span class="ei_image"><img style="background: transparent no-repeat top left" src="/media/{{ colaboradores.imagem1 }}"></span>
												</a>
												<div class="ei_descr">
													<h2>{{ colaboradores.nome }}</h2>
													<h3>{{ colaboradores.cargo }}</h3>
													<h4>
														{{ colaboradores.email }}
													</h4>
                                                    <h6>{{ colaboradores.telefone }}</h6>
													<h5>
														{{ colaboradores.descricao|safe }}
													</h5>

                                                    <div id="MidiaCol">
                                                        <a target="_blank" href="{{ colaboradores.twitter }}">
                                                            <img src="{{ MEDIA_URL }}img/twitter24.png" alt="">
                                                        </a>
                                                        <a target="_blank" href="{{ colaboradores.facebook }}">
                                                            <img src="{{ MEDIA_URL }}img/facebook24.png" alt="">
                                                        </a>
                                                        <a target="_blank" href="{{ colaboradores.linkedin }}">
                                                            <img src="{{ MEDIA_URL }}img/linkedin24.png" alt="">
                                                        </a>
                                                    </div>
												</div>
											</li>
											{% endif %}
											{% endfor %}
										</ul>
									</div>
								</div>
								<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.easing.1.3.js"></script>
								<script type="text/javascript" src="{{ MEDIA_URL }}js/jQuery_quemSomos.js">
								</script>
							</div>
						</div>
					</div>
					{% include "footer.html" %}